<template>
  <div class="parentComments">
    <parent :parentData="parentData.parent" v-if="parentData.parent" />
    {{ parentData.comment }}
  </div>
</template>

<script>
export default {
  name: "parent",
  props: ["parentData"]
};
</script>

<style lang="less" scoped>
.parentComments {
  border: 1px solid pink;
  padding: 6px 4px;
  margin: 12px;
}
</style>